import styled from "styled-components"

export const NormalRgba = styled.span`
	min-width: 60px;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	display: inline-block;
	border-radius: 5px;
	color: #67c23a;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: center;
	font-size: 14px;
	background: rgba(0, 160, 0, 0.2);
`

export const DisableRgba = styled.span`
	min-width: 60px;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	display: inline-block;
	border-radius: 5px;
	color: #fb6260;
	font-size: 14px;
	text-align: center;
	background: rgba(250, 89, 89, 0.3);
`

export const DeleteRgba = styled.span`
	min-width: 60px;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	display: inline-block;
	border-radius: 5px;
	color: #cb992f;
	text-align: center;
	font-size: 14px;
	background: rgba(253, 168, 77, 0.3);
`

export const LockingRgba = styled.span`
	min-width: 60px;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	display: inline-block;
	border-radius: 5px;
	color: #f39c12;
	text-align: center;
	font-size: 14px;
	background: rgba(243, 156, 18, 0.3);
`
